<template>
  <div class="notepad">
    <Header />
    <NoteList />
    <ToolBar />
  </div>
</template>

<script>
import Header from "@/components/Header";
import NoteList from "@/components/NoteList";
import ToolBar from "@/components/ToolBar";
export default {
  name: "Notepad",
  data() {
    return {};
  },
  components: {
    Header,
    NoteList,
    ToolBar
  }
};
</script>

<style scoped>
.notepad {
  position: relative;
  height: 100%;
  background: #f5f5f5;
}
</style>
